* {margin :0 ; padding : 0 }
body {font-family: "Arial", sans-serif; background-color: white;}


@media screen and (min-width: 739px) {
  .mobile {    display: none; }
}

@media screen and (max-width: 739px) {
  .bureau {    display: none; }
}


div#page {text-align:center;padding-left:5%;padding-right:5%;}
div#wheat {background-color:wheat;}
div#orange {background-color:orange;}
div#indianred {background-color:indianred;}
div#gold {background-color:gold;}

div.parcours_conteneur_esc {height:auto ; background-color: cornflowerblue ; color:white; border-top : 1em solid black;text-align:center;padding:0.5em;}

p#logo {  font-family: "Georgia", Arial, sans-serif; font-size: 1.5em; background-color: white }
span {font-family: "Georgia", Arial, sans-serif; font-size: 1em;}


p#presentation {  font-family: "Georgia", Arial, sans-serif; font-size: 1em ;
background-color: white ;}

div.parcours_conteneur_demo {height:auto ; background-color: orange ; border-top : 1em solid black;text-align:center;}
img.bureau_demo {display:none}
img.mobile_demo {height:auto ; width :100%;max-width:739px;}
h1.parcours_titre { text-align:center;font-family: Georgia; font-size:1.5em;}
div.parcours_description { text-align:center; font-family: Tahoma, Arial, sans-serif; font-size: 1em ; }
div.parcours_button { text-align:center; padding:10px; border:20px solid white;}
span.button {font-size: 1.5em ;background-color: white;padding:4px;border-radius : 20px; border:solid black 2px;}

div.parcours_conteneur_nouveau {height:auto ; background-color: wheat ; border-top : 1em solid black;text-align:center;}
img.parcours_nouveau {height:auto ; width :25%;max-width:200px; margin-right:1em;border-radius : 50%;}

span.demo_button { box-shadow: 5px 5px red; float: right; margin:10px; text-align:center; padding:10px; background-color: wheat ; }

div.parcours_button_niveau1 { text-align:center; padding:10px;border-top : 1em solid black;background-color: wheat ; }
div.parcours_button_niveau2 { text-align:center; padding:10px;border-top : 1em solid black;background-color: orange ; }
div.parcours_button_niveau3 { text-align:center; padding:10px;border-top : 1em solid black;background-color: indianred ; }
div.parcours_conteneur_niveau1 {height:auto ; background-color: wheat ; border-top : 1em solid black;text-align:center;}
div.parcours_conteneur_niveau2 {height:auto ; background-color: orange ; border-top : 1em solid black;text-align:center;}
div.parcours_conteneur_niveau3 {height:auto ; background-color: indianred ; border-top : 1em solid black;text-align:center;}



div.parcours_conteneur_niveau {height:auto ; background-color: white ; border-top : 1em solid black;text-align:center;}
img.parcours_niveau {height:auto ; width :100%;max-width:739px;}
div.parcours_button_niveau { text-align:center;padding:20px;}
span.button_niveau1 {font-size: 1.5em ;background-color: wheat;padding:10px;border-radius : 20px; border:solid black 2px;}
span.button_niveau2 {font-size: 1.5em ;background-color: orange;padding:10px;border-radius : 20px; border:solid black 2px;}
span.button_niveau3 {font-size: 1.5em ;background-color: indianred;padding:10px;border-radius : 20px; border:solid black 2px;}

span#href1 {font-size: 1em;text-align:center ;font-family:Arial; }
span#href2 {font-size: 1em;text-align:center ;font-family:Arial; }
span#href3 {font-size: 1em;text-align:center ;font-family:Arial; }


div.parcours_conteneur_expo {height:auto ; background-color: white ; border-top : 1em solid black;}
img.parcours_expo {height:180px ; width :auto; float: right; margin:10px}


div.parcours_conteneur_suivre {background-color: indianred ; border-top : 1em solid black;padding-bottom : 0.5em;}
h1.parcours_titre_suivre { padding-right: 10px; padding-left: 10px;padding-bottom : 5px; font-family: Georgia; ; font-size:1.5em;}
div.parcours_description_suivre { padding-left: 10px;font-family: Tahoma, Arial, sans-serif; font-size: 1em ;width:80%; }
p.classique { border-radius : 20px;padding-right: 10px; padding-left: 10px;padding-bottom : 10px; background-color: white; }


footer {border-top : 1em solid black;font-family: "Arial"; color:grey; font-size: 1em; }